@prefixCls: c7ncd-host-config;

.@{prefixCls} {
  padding: 0 !important;
  background: #f5f6fa !important;
  &-content {
    .c7ncd-host-config-resource {
      flex-grow: none;
      padding: 0;
      border-left: none;
    }
  }
  &-main,
  &-hostContent {
    flex: 1;
    height: 100%;
    background: #fff;
    overflow: auto;
  }
  &-main {
    padding: 0.15rem 0.2rem;
    min-width: 2rem;
  }
  &-animate {
    transition: width 0.05s ease-out,
    height 0.05s ease-out,
    background 0.05s ease-out,
    opacity 0.05s ease-out,
    transform 0.05s ease-out;
  }
  &-content-wrap,
  &-content-hostWrap {
    background: #fff;
    display: flex;
    height: 100%;
  }
  &-content-wrap {
    overflow-y: scroll;
  }

  &-content-hostWrap {
    width: 100%;
  }
  &-wrap {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;

    .c7ncd-draggers-handle {
      left: 0;
    }
  }
  &-content-tab {
    flex-shrink: 0;
    margin: 0.1rem 0.3rem 0.1rem 0;
  }
}
